/* --- form field elements; should be reusable in all forms situations --- */


/* --- forms heading --- */

div#contentBody {
	float:left; width:728px; margin: 18px 0 0 0;
	}
div#resultsBody {float:left; width:983px; margin:18px 0 0px 0; }
div#contentBody div.formsHeading {
	margin: 30px 0px 0px 0px;
	padding: 0px 23px 15px 17px;
	overflow: hidden;
	clear: both;
	
	background: transparent url(/images/layout/borders/form_header.gif) no-repeat 17px bottom;
}

div#contentBody div.formsHeading h1 {
	margin-left: 0;
}


div#contentBody div.formsHeading h2 {
	margin: 0;
	padding: 0;
	float: left;	
	clear: left;
}
	
div#contentBody p.mandatory {
	padding-left: 8px;
	margin-bottom: 4px;
	border-left: 3px solid #00A1E4;
	clear: both;
}
div#contentBody div.panel p.mandatory {
	margin: 10px 0 10px 42px;
}
div#contentBody div.mainHeading {
	margin-top: 0;
}

div#contentBody div.mainHeading h1 {
	float: left;
}


div#contentBody div.mainHeading div.alert {
	margin: 10px 0 0 0;
	padding: 0;
	width: 220px;
	float: right;
}

div#contentBody div.mainHeading div.alert p {
	margin: 0;
	padding: 14px 15px 5px 30px;
	background: transparent url(/images/icons/generic/18x18_yellow_alert.gif) no-repeat 5px 12px;
}

/* --- step counter --- */


div#contentBody div.formsHeading div.steps {
	margin: 0;
	padding: 2px 0 2px 0;
	float: right;
}

div#contentBody div.formsHeading div.steps ul {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}
div#contentBody div.formsHeading div.steps li {
	margin: 0;
	padding:10px 8px 10px 10px;
	display: inline;
	background: transparent url(/images/layout/login/step_bg.gif) no-repeat -32px 8px;
}
	
div#contentBody div.formsHeading div.steps li.active {
	background:url(/images/layout/login/step_bg.gif) 3px 8px no-repeat;
}


div#contentBody div.formsHeading div.steps li.complete {
	background:url(/images/layout/login/step_bg.gif) -67px 8px no-repeat;
}

/* --- form field presentation --- */

div.section {}

div#contentBody div.section fieldset {
	margin: 0;
	padding: 0;
	border: 0;
	clear: both;
}
div#contentBody div.information fieldset {
	margin: 10px 0 0 0;
}

div#contentBody div.contentFooter fieldset {
	margin: 15px 0 9px 0;
}

div#contentBody fieldset div.row {
	margin: 0;
	padding: 4px 0px 2px 0px;
	display:block;
	clear: both;
}
div#contentBody fieldset div.replacementChequeBookText {
	padding-bottom: 5px;
}
div#contentBody fieldset div.row label {
	margin: 0;
	margin-right: 10px;
	padding:0 10px 5px 0;
	border-right: 1px #d1d1d1 dotted;
	display: block;
	font-size:90%;
	float:left;
	width:250px;
	text-align:right;
	line-height: 1.7;
	color:#666;
}
div#contentBody fieldset div.row label a {
	display: block;
	font-size: 100%;
}
label.mand_red {
background: url(/images/arrows/red_mand.gif) no-repeat right top;
}
span.mand_red {
background: url(/images/arrows/red_mand.gif) no-repeat right top;
padding-right:10px;
font-size:90%;
}
div#contentBody fieldset div.row1 {
	margin: 0;
	padding: 4px 0px 2px 0px;
	position: relative;
	clear: both;
}
div#contentBody fieldset div.row1 label {
	margin: 0;
	margin-right: 10px;
	padding:0 10px 5px 0;
	display: block;
	font-size:90%;
	float:left;
	width:250px;
	text-align:right;
	line-height: 1.7;
	color:#000;
}
div#contentBody fieldset div.row1 span {
	margin-left: 10px;
	margin-bottom:10px;
	line-height: 1.7em;
	display:block;
	color:#000;
}
/* --- width variant --- */

div#contentBody div.tabWrapper fieldset div.row label {
	width: 255px;
}
div#contentBody div.accountSelection  fieldset div.row label {
	width: 226px;
}

div#contentBody div.panel fieldset div.row label {
	width: 211px;
}


div#contentBody fieldset div.row div.field {
	float: left;
	width: 340px;
}
div#contentBody fieldset div.row div.field1 {
	float: left;
	width: 100px;
}
div#contentBody fieldset div.row div.fieldfull {
	display:block;
}
div#contentBody fieldset div.row div.field_float_l {
	float:left;
	padding-right:10px;
	font-size:12px;
	color:#666;
}
div#contentBody fieldset div.row div.field_data_l {
	float:left;
	padding-right:10px;
}
div#contentBody fieldset div.row div.field_data_r {
	float:left;
	padding-right:10px;
}
div#contentBody fieldset div.row div.field_float_m {
	float:left;
	padding:0 10px;
	font-size:12px;
	color:#666;
	border-left: 1px solid #d1d1d1;
}
div#contentBody fieldset div.row div.field p {
	clear: left;
	margin: 0;
	padding: 2px 0 0 0;
}

div#contentBody fieldset div.row p.alert {
	margin: 0;
	padding: 1px 0 1px 231px;
	background: transparent url(/images/icons/generic/18x18_yellow_alert.gif) no-repeat 205px top;
}


/* --- variants for being in panels --- */

div#contentBody div.panel fieldset div.row div.field {
	width: 400px;
}

div#contentBody div.panel fieldset div.row div.checkbox {
	margin-left: 232px;
}


/* --- inline forms --- */

div.inlineForm div.edit {
	display: none;
}

div.inlineForm.editMode div.view {
	display: none;
}

div.inlineForm.editMode div.edit {
	display: block;
}

/* --- toggles --- */

div.togglePanel .toggleAlt {
	display: none;
}

div.togglePanelToggled .toggle {
	display: none;	
}

div.togglePanelToggled .toggleAlt {
	display: block;	
}


/* --- normal field styles --- */

div#contentBody fieldset div.creditLimit span.pound {
	margin: 2px 5px 0 0;
	padding: 0;
	display: block;
	float: left;
}

div#contentBody fieldset span.indicator {
	margin: 0;
	padding: 0;
	display: block;
	float: left;
}

div#contentBody fieldset span.indicator1 input {
	display: block;
	margin: 0;
	float: left;
	width:50px;
}
div#contentBody fieldset span.indicator1 label {
	display: block;
	margin: 0;
	float: left;
	width:40px;
	
}

div#contentBody fieldset span.radioalign {
	margin: 0;
	padding: 0;
	margin-left:5px;
	line-height:12px;
}
div#contentBody fieldset span.indicator input {
	display: block;
	margin: 0;
	padding: 0;
	float: left;
	margin-right:3px;
}
div#contentBody fieldset span.indicator select {
	margin-right:3px;
}
div#contentBody fieldset span.indicator label {
	display: block;
	margin: 0;
	float: left;
	
}

div#contentBody fieldset div.row div.field input.text,
div#contentBody fieldset div.row div.field select,
div#contentBody fieldset div.row div.field textarea
{
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
}


/* --- list of options styles --- */

div#contentBody fieldset div.row div.field ul.optionsList {
	margin: 10px 0 0;
	padding: 0;
	list-style: none;
}

div#contentBody fieldset div.row div.field ul.optionsList li {
	margin: 2px 0 5px;
	padding: 0 0 0 10px;
	background: transparent url(/images/layout/table/arrow_closed.gif) no-repeat 0 5px;
	list-style: none;
}

/* --- checkbox row variant --- */

div#contentBody fieldset div.checkbox {
	margin-left: 265px;
	padding: 0 0 9px;
	overflow: hidden;
	zoom: 1;
}

div#contentBody fieldset div.row.checkboxClear{
	clear:none;
}
/* radio button variant */
div#contentBody fieldset div.row div.radio label {
	margin: 0;
	padding: 0;
	float: none;
	width: auto;
	text-align: left;
}
div#contentBody fieldset div.row div.floated label {
	float: left;
	margin-right: 10px;	
}

div#contentBody fieldset div.row div.radio label input {
	margin: 0 10px 0 0;
	vertical-align: middle;
}

/* form information section */

div#contentBody div.formInformation {
	overflow: hidden;
	zoom: 1;	
}

div#contentBody div.formInformation h3 {
	float: left;
	
	width: 205px;
}

div#contentBody div.formInformation div.content {
	margin: 0;
	padding-top: 12px;
	float: left;
	width: 470px;
}
div#contentBody div.formInformation div.content p {
	margin: 0px 0px 12px 0px;

}
div#contentBody div.formInformation div.content label.individualCheckbox {
	margin: 0 0 4px 0;
	display: block;
}

/* account selection overrides */

div#contentBody fieldset h3.checkboxClear{
	float:left;
}

div#contentBody fieldset div.row div.field.cardName a {
	display:block;
}


div#contentBody fieldset tr.diffCard div.checkbox {
	padding-left: 110px;
	margin-left: 0px;
	margin-top:20px;
}

/* end account selection overrides */


div#contentBody fieldset div.checkbox label {
	margin: 0;
	padding: 0;
	display: inline;
	float: none;
	width: auto;
	text-align: left;
}

div#contentBody fieldset div.checkbox label span {
	vertical-align: bottom;
	float: left;
	display: block;
	max-width: 450px;
}

div#contentBody fieldset div.checkbox label span a {
	display: inline;
	font-size: inherit;
}

div#contentBody fieldset div.checkbox input {
		margin: 0px;
		padding: 0px;
		display: block;
}

div#contentBody fieldset div.checkbox span.indicator {
		margin: 3px 10px 0px 0px;
		padding: 1px;
		border: 0;
		display: block;
		float: left;	
}



/* --- form buttons region --- */


div#contentBody div.formButtons {
	margin: 10px 0 0 0;
	padding: 0 16px 0 16px;
	overflow: hidden;	
}


div#contentBody div.formButtons div.nextstep {
	margin: 0;
	padding: 0;
	float: right;
	width: 116px;
	min-height: 19px;
}

/* variant in inner panel */
div#contentBody div.contentBlock div.formButtons div.nextstep {
	width: 67px;
}
div#contentBody div.panel div.formButtons div.nextstep {
	width: 133px;
}


div#contentBody div.formButtons div.cancel {
	margin: 0;
	padding: 0;
	float: left;
	width: 297px;
	min-height: 19px;
}

/* variant in inner panel */
div#contentBody div.contentBlock div.formButtons div.cancel {
	width: 297px;
}
div#contentBody div.panel div.formButtons div.cancel {
	width: 233px;
}

div#contentBody div.formButtons div.submit {
	margin: 0;
	padding: 0;
	float: left;
}

div#contentBody div.formButtons div.submitRight {
	float: right;
}

/*--- panel variants --- */

div#contentBody div.panel div.formButtons {
	padding-bottom: 20px;
}

/*--- panel variants --- */






/* -------------------------------------------------------------------------------------------------------------------------------- */
/* --- field variants --- */
/* -------------------------------------------------------------------------------------------------------------------------------- */


div#contentBody fieldset div.row input.textsml {
	width: 50px;
}


div#contentBody fieldset div.row div.field.longText input.text {
	width: 230px;
}

div#contentBody fieldset div.row div.field.shortText input.text {
	width: 120px;
}

div#contentBody fieldset div.row div.field.dateRange input.text {
	width: 80px;
}

div#contentBody fieldset div.row div.field.dateRange .ui-datepicker-trigger {
	float: left;

	margin-top: 2px;
	margin-right: 5px;
}
div#contentBody fieldset div.row div.field.dateRange span {
	float: left;

	margin: 2px 5px 0px;
	
}

div#contentBody fieldset div.row div.field.dateRange span.indicator {
	margin: 0;	
}

div#contentBody fieldset div.row div.field.numText input.text {
	width: 40px;
}

div#contentBody fieldset div.row div.creditLimit input.text {
	width: 100px;
}

div#contentBody fieldset div.row div.selectList select {
	width: 230px;
	margin-top: 2px;
}


div#contentBody fieldset div.row div.textArea textarea {
	width: 230px;
	height: 70px;
}

div#contentBody fieldset div.row div.field input.withButton {
	margin-right: 20px;
}

div#contentBody fieldset div.row div.field a.silver_button {
	float: none;
}


/* -------------------------------------------------------------------------------------------------------------------------------- */

div#contentBody fieldset div.row div.field.usernameid input {
	width: 230px;
}

div#contentBody fieldset div.row div.field.cardNum input {
	width: 230px;
}

div#contentBody fieldset div.row div.field.securityCode input {
	width: 40px;
}

div#contentBody fieldset div.row div.field.issueNum input {
	width: 20px;
}

div#contentBody fieldset div.row div.field.country select {
	width: 150px;
}

div#contentBody fieldset div.row div.field.county select {
	width: 150px;
}

div#contentBody fieldset div.row div.field.cardName input {
	width: 150px;
}


div#contentBody fieldset div.row div.field.creditLimit input {
	width: 100px;
}

div#contentBody fieldset div.row div.field.confirmNewMW input {
	width: 230px;
}

div#contentBody fieldset div.row div.field.details input {
	width: 220px;
}

div#contentBody fieldset div.row div.expiry input,
div#contentBody fieldset div.row div.date input
 {
	width: 20px;
	text-align: left;
}

div#contentBody fieldset div.row div.expiry span,
div#contentBody fieldset div.row div.date span
 {
	float: left;
	display: block;
	width: 24px;
	text-align: center;
}

div#contentBody fieldset div.row div.expiry span.indicator, 
div#contentBody fieldset div.row div.date span.indicator {
	width: auto;
}


div#contentBody fieldset div.row div.expiry span.yyyy,
div#contentBody fieldset div.row div.date span.yyyy
 {
	float: left;
	display: block;
	width: 44px;
	text-align: center;
}
div#contentBody fieldset div.row span.yyyy input {
	width: 40px;
}


div#contentBody fieldset div.row div.expiry label,
div#contentBody fieldset div.row div.date label {
	margin: 0;
	padding: 0;
	display: block;
	width: auto;
}


div#contentBody fieldset div.row div.field.start input {
	width: 20px;
	text-align: left;
}

div#contentBody fieldset div.row div.field.start span {
	float: left;
	display: block;
	width: 24px;
	text-align: center;
}
div#contentBody fieldset div.row div.field.start label {
	margin: 0;
	padding: 0;
	display: block;
	width: auto;
}

/* -------------------------------------------------------------------------------------------------------------------------------- */
/* --- mandatory variants --- */
/* -------------------------------------------------------------------------------------------------------------------------------- */

div#contentBody fieldset div.mandatory span.indicator {
	padding-left: 3px;
	background-color: #00A1E4;
}

body.SERVICES div#contentBody fieldset div.mandatory span.indicator {
	background-color: #72BF44;
}

div#contentBody fieldset div.mandatory span.subsequent,
body.SERVICES div#contentBody fieldset div.mandatory span.subsequent {
	padding-left: 0px;
	background-color: transparent;
}

div#contentBody fieldset div.mandatory div.selectList span.indicator {
	border-left: 3px solid #00A1E4;
	padding-left: 1px;
	background-color: transparent;
}


/* -------------------------------------------------------------------------------------------------------------------------------- */
/* --- error styles --- */
/* -------------------------------------------------------------------------------------------------------------------------------- */

div.errorSummary {
	margin: 0;
	border: 1px solid #FF7D3C;
	background: #ffffcc url(/images/backgrounds/err_warning.gif) no-repeat;
	padding: 0;
	padding-left:30px;
	padding-top:5px;
	padding-bottom:5px;
	display:block;
	font-size:80%;
	font-weight:bold;
	color:#fe2828;
}
div.errorSummary:hover{
	border: 1px solid #ff0000;
	background: #fffbfb url(/images/backgrounds/err_warning.gif) no-repeat;
	cursor:pointer;
}
div.errorSummary span{
	display:block;
	font-size:80%;
	line-height:11px;
}
div.section div.errorSummary {
	margin-left: 0;
}
div.formsHeading div.errorSummary {
	margin: 15px 0px 0px 0px;
	clear: both;
	overflow: hidden;
}

div.errorSummary h2, 
div.errorSummary h3  {
	margin: 0px 0px 0px 0px;
	padding: 0;
	float: none;
}

div.errorSummary ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	padding-left:30px;
}
div.errorSummary ul li {
	margin: 0;
	padding: 0px 0px 0px 0px;
	background: transparent url(/images/layout/bullet.gif) no-repeat left 5px;
	font-size:80%;
	color:#ff0000;
}


div#contentBody fieldset div.error label span {
	padding: 2px 0px 2px 24px;
	background: transparent url(/images/icons/generic/18x18_yellow_alert.gif) no-repeat left 1px;
}

div#contentBody fieldset div.error span.indicator {
	border: 1px solid #ffa52b;
}

div#contentBody fieldset div.error div.checkbox {
	margin-left: 223px;
	padding-left: 24px;
	background: transparent url(/images/icons/generic/18x18_yellow_alert.gif) no-repeat left 3px;
}

div#contentBody fieldset div.error div.checkbox label span {
	padding: 0;
	background-image: none;
}
div#contentBody fieldset div.error div.checkbox span.indicator {
	padding: 1px;
	border: 0;
	background-color:  #ffa52b;
}

div#contentBody fieldset div.error div.selectList span.indicator {
	border: 0;
	background-color: #ffa52b;
	padding: 1px; 
}

div#contentBody fieldset div.error div.selectList span.indicator select {
	margin: 0;
}

div#contentBody fieldset div.mandatory div.selectList span.indicator {
	border-left: 3px solid #00A1E4;
	padding-left: 1px;
}

body.SERVICES div#contentBody fieldset div.mandatory div.selectList span.indicator {
	border-color: #72BF44;
}

/* --- overrides for in confirmation panel --- */
div#contentBody div#formConfirmation fieldset {
	margin: 0;
	padding: 0;
}
div#contentBody div#formConfirmation fieldset div.row {
	margin-bottom: 0;
	padding-bottom: 0;
}
div#contentBody div#formConfirmation fieldset div.checkbox {
	margin-left: 0px;
	padding-bottom: 0px;
}



/* -------------------------------------------------------------------------------------------------------------------------------- */
/* --- accessible categories list  styles --- */
/* -------------------------------------------------------------------------------------------------------------------------------- */


div#contentBody fieldset div.row div.radioPallette {
	width: 330px;
	padding-bottom: 5px;
}


/* -------------------------------------------------------------------------------------------------------------------------------- */
/* --- button styles --- */
/* -------------------------------------------------------------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------------------------------------------------------------- */
/* --- LINK button styles --- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* silver Button Rollover */

a.silver_button, .silver_button span {
	background: url(/images/buttons/silver_button.gif) no-repeat ;
}

a.silver_button {
	float: left;
	padding: 6px 15px 8px 15px;
	background-position: right 0;
	position: relative;
}

a.silver_button span {
	background-position: left top;
	width: 5px;
	height: 27px;
	position: absolute;
	top: 0px;
	left: 0px;
	cursor: pointer; /* mostly needed for internet explorer */
}

a.silver_button:hover,
a.silver_button:focus {
	background-position: right -35px;
}

a.silver_button:hover span,
a.silver_button:focus span {
	background-position: left -35px;
}

/* --- Silver button variants; used in 'query transaction' pages --- */
a.print_btn, a.print_btn span {
	background-image: url(/images/buttons/silver_button_print.gif);
}
a.pdf_btn, a.pdf_btn span {
	background-image: url(/images/buttons/silver_button_pdf.gif);
}
a.print_btn, a.pdf_btn {
	padding-left: 36px;
}
a.print_btn span, a.pdf_btn span {
	width: 36px;
}

/* Black Button SMALL Rollover */
a.black_button_small, .black_button_small span {
	background: url(/images/buttons/black_button_small.gif) no-repeat;
}
a.black_button_small {
	float: left;
	padding: 4px 20px 8px 15px;
	position: relative;
	background-position: right 0;
	text-decoration: none;
}
a.black_button_small span {
	background-position: left top;
	width: 15px;
	height: 30px;
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	cursor: pointer; /* mostly needed for internet explorer */
}
a.black_button_small:hover,
a.black_button_small:focus
 {
	background-position: right -36px;
}
a.black_button_small:hover span,
a.black_button_small:focus span
 {
	background-position: left -36px;
}

/* Black Button Rollover */
a.black_button, .black_button span {
	background: url(/images/buttons/black_button.gif) no-repeat;
}
a.black_button {
	float: left;
	padding: 4px 15px 9px 15px;
	position: relative;
	background-position: right 0;
	text-decoration: none;
	min-height: 17px;
}
a.black_button span {
	background-position: left top;
	width: 15px;
	height: 30px;
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	cursor: pointer; /* mostly needed for internet explorer */
}
a.black_button:hover,
a.black_button:focus
 {
	background-position: right -67px;
}
a.black_button:hover span,
a.black_button:focus span
 {
	background-position: left -67px;
}

/* -------------------------------------------------------------------------------------------------------------------------------- */
/* --- FORM button styles --- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* --- form button variants (for input type buttons) --- */

span.button {
	padding: 0 4px 0 0;
	background: transparent url(/images/buttons/black_button.gif) no-repeat right top;	
	display: block;
	float: left;
}

span.button input {
	margin: 0;
	border: 0;
	padding: 5px 8px 9px 12px;
	background: #fefefe url(/images/buttons/black_button.gif) no-repeat 0 0;
	font-weight: bold;
	color: #fff;
	cursor: pointer;
	width: auto !important;
	overflow: visible;
	min-height: 16px;
}


span.button:hover, 
span.button.buttonover 
{
	background-position: right -67px;	
}

span.button:hover input,
span.button.buttonover input
 {
	background-position: left -67px;	

}



/* back form button */

span.back_button {
	padding: 0 4px 0 0;
	background: transparent url(/images/buttons/black_button.gif) no-repeat right top;	
	display: block;
	float: left;
}

span.back_button input {
	margin: 0;
	border: 0;
	padding: 5px 8px 9px 12px;
	background: #fefefe url(/images/buttons/black_button.gif) no-repeat 0 0;
	font-weight: bold;
	color: #fff;
	cursor: pointer;
	width: auto !important;
	overflow: visible;
	min-height: 16px;
}


span.back_button:hover, 
span.back_button.silver_buttonover 
{
	background-position: right -67px;	
}

span.back_button:hover input,
span.back_button.silver_buttonover input
 {
	background-position: left -67px;
	color: #000;
}




/* --- bonus button --- */




a.btnRRP {
	margin: 0;
	padding: 0 11px 0 0;
	
	display: block;
	float: left;
	background-repeat:  no-repeat;
	background-position: right top;
	text-decoration: none;
}

a.btnRRP, a.btnRRP span {
	background-image: url(/images/buttons/small_pink_08.png);
	cursor: pointer;
}

a.btnRRP span {
	margin: 0;
	padding: 3px 0 0 11px;

	display: block;
	float: left;
	height: 20px;
	
	background-position: left -52px;
	background-repeat: no-repeat;
}

a.btnRRP:hover {
	background-position: right -26px;
	text-decoration: none;
}

a.btnRRP:hover span {
	background-position: left -78px;
}


/* --- filter and search form ---*/








/* --- generic horizontal page-head form ---*/

form.headForm {
	margin: 0;
	padding: 0 20px 5px 17px;
	
	border-bottom: 1px solid #e2e2e2;
	overflow: hidden;
	zoom: 1;
}

form.headForm fieldset {
	margin: 0;
	padding: 10px 0 0 0;
	float: left;
}

form.headForm fieldset div.field {
	margin: 0; 
	padding: 0 10px 0 0;
	float:left; 
}

form.headForm div.goBtn {
	margin: 0;
	padding: 19px 0px 19px 17px;

	float: right;
	background: transparent url(/images/layout/borders/head_form_submit.gif) no-repeat left top;
}


form.headForm label {
	margin: 0 0 5px 0;
	padding: 0;
	display: block;
	font-weight: bold;	
}


form.headForm h3   {
	margin:0 0 0 0; 
	padding:0;
}


form.headForm select   {
	margin: 0;
	width:115px;
}

form.headForm select.activity {
	width: auto;
}

form.headForm input#keyword { 
	margin: 0;
	width:100px; 
}

form.headForm input#dateFrom,
form.headForm input#dateTo { 
	width:60px; 
}

div#contentBody form.headForm p.searchTips {
	margin: 0 0 10px 165px;
}


form.headForm input.calendarDatePicker,
.ui-datepicker-trigger
 { 
	margin: 0 3px -6px 5px;
}

/* -- date links -- */

form.headForm div.dateLinks { 
	margin: 0;
	padding: 8px 0 0 0;

	clear: left;
	float:left; 
	width: 600px;
}

form.headForm div.dateLinks ul  {
	margin:0;
	padding:0;
}

form.headForm div.dateLinks li  {
	list-style-type:none;
	display:inline;
}

form.headForm div.dateLinks  li a  { 
	padding:0 5px 0 5px; 
	border-right:1px solid #cccccc;
}

form.headForm div.dateLinks  li a.last  {
	border-right:none;
}


/* --- head form; contact us page --- */

form.contactSearchForm {
	margin-bottom: 20px;
}
form.contactSearchForm fieldset {
	padding-bottom: 10px;
}
form.contactSearchForm h2 {
	margin: 0;
	padding: 0 0 10px 0;
	font-weight: normal;
}

form.contactSearchForm p.info {
	margin: 0 0 10px 0;
}

form.contactSearchForm input.search,
form.contactSearchForm p.tips {
	display: block;
	width: 220px;
}

form.contactSearchForm p.tips {
	width: 224px;
	margin: 3px 0 0 0;
	padding: 0;
	text-align: right;
}


/* --- END filter and search form ---*/

/* --- ATTACHMENTS field management --- */


div.fileAttachment {
		
}

/* types: */
div.attachSingle {}
div.attachMultiple {}

div.fileAttachment fieldset {
	margin: 0;
	border: 0;
}
div.fileAttachment fieldset input.done {
	position: absolute;
	top: -1000px;
	left: -1000px;
}



/* --- checkbox variant for inline in body text --- */

div#contentBody div.textContent fieldset div.checkbox {
	margin-left: 0;
}

div#contentBody div.textContent fieldset div.checkbox label span {
	font-weight: bold;
}

div#contentBody div.textContent fieldset div.checkbox p {
	margin: 5px 50px 5px 25px;
	clear: left;
}

/* --- selected/resultant message --- */
div#contentBody div.textContent fieldset div.checkbox h3.checked {
	margin: 0 0 0 0;
	padding: 0 0 5px 25px;
	font-weight: bold;
	background: transparent url(/images/icons/generic/15x13_blue_tick.gif) no-repeat left 3px;
}
/* --- paymentSummary forms --- */

div#contentBody div.section div.paymentSummary h3.formCaption {
	margin: 0 80px 0 0;
	padding: 0;
}

div#contentBody div.section div.paymentSummary label {
	float: left;
}
div#contentBody div.section div.paymentSummary p.creditLimit {
	margin: 0 0 0 20px;
	padding: 0 0 10px 0;
	float: left;
	zoom: 1;
}
div#contentBody div.section div.paymentSummary p.creditLimit input {
	font-size: 0.9em;
	width: 120px;
}



/* --- your account - bonus card list --- */

ul.bonusCardList {
	margin: 10px 60px 0 57px;
	padding: 0;
	list-style: none;
}
ul.bonusCardList li {
	margin: 0 0 20px 0;
	padding: 0 0 20px 90px;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
	zoom: 1;
}
ul.bonusCardList li.last {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 0;
}
ul.bonusCardList li div.image {
	float: left;
	margin-right: 20px;
}
ul.bonusCardList li div.details	 {
	float: left;
}
div.section ul.bonusCardList p.card {
	margin: 5px 0 0 0;
}
div.section ul.bonusCardList  p.card span {
	margin-right: 20px;
}
div.section ul.bonusCardList p.cardNumber {
	margin: 5px 0 30px 0;
}

body.yourAccount div.section p {
	margin: -10px 60px 20px 52px;
}

/* --- addded re. LB BSP 180 ---- */
 
div#contentBody div.requestScreensFormHeading {
      margin: 0px 0px 0px 0px;
      padding: 0px 23px 0px 17px;
      overflow: hidden;
      clear: both;
 
}
 
div#contentBody div.requestScreensFormHeading p.mandatory {
      padding-left: 8px;
      border-left: 3px solid #8BB92E;
      clear: both;
}

/* --- end of stylesheet --- */




.formheader { height:25px; padding:10px 5px 5px 15px; background:#6cbbd1; color:#fff; font-weight:bold;}


.radiol { float:left; margin-right:20px; text-align:left; margin-top:4px;}
.radior { float:left; margin-right:10px; text-align:left; margin-top:4px;}







#car_results
{
	float:left;text-align:center !important;
	font-family: "Trebuchet MS", Verdana, Arial, "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	width: 900px;
	border-collapse: collapse;
}
#car_results th
{
	font-size: 14px;
	font-weight: normal;

	color: #039;
}
#car_results td
{

	color: #669;
}
#car_results .odd
{
	background: #f4f4f4;
}

#car_results .header { text-align:center !important; border-bottom:1px solid #cccccc; height:55px; background:url(../images/elements/Results_header_bg.gif) repeat-x bottom;}
#car_results .header:hover
{ background:url(/images/elements/Results_header_selected_bg.gif) bottom; text-align:center;
}






.checkbox1 {
	margin-left: 267px;
	display:block;
}




/* SSl */

.ssl_msg
{
	margin: 0;
	margin-top:10px;
	padding:5px 30px 5px 5px;
	display: block;
	font-size:80%;
	line-height: 1.0;
	color:#666;
	background: #f8fdff url(/images/icons/lock.gif) no-repeat right top;
	border: 1px #e3f3f8 solid;
	text-align:right;
}
.ssl_msg span
{
	margin: 0;
	display: block;
	color:#000;
	font-weight:bold;
}
.ssl_msg a
{
	color:#0C73B6;
	text-decoration:underline;
}
.ssl_msg a:hover
{
	color:#000;
	text-decoration:underline;
}
.info_msg
{
	margin: 0;
	padding:0;
	float:right;
	width: 200px;
	font-size:90%;
	color:#666;
	background: url(/images/icons/info.gif) no-repeat right top;
	text-align:right;
	height:20px;
	padding-right:28px;
	
}
.info_msg span
{
	margin: 0;
	padding:0;
	display: block;
	color:#000;
	font-weight:bold;
	padding-top:2px;
}
.info_msg a
{
	color:#0C73B6;
	text-decoration:underline;
}
.info_msg a:hover
{
	color:#000;
	text-decoration:underline;
}
.arrow_grid
{
float:right;
bottom:0;
}


/*   Result Slider */

.gridwrapper{
	display:block;
	float:left;
	margin:0;
	padding:0;
}
#content_scrollleft {
    margin-top: 22px;
}
#content_scrollright {
    margin-top: 22px;
}
#containerscroll {
  position: relative;
  overflow: hidden;
  padding:0;
  margin:0;
  margin-bottom:-10px;
}

#scroller {
}

.contentscroll {
  float: left;
}

.scrollNav {
	float:left;
	display:block;
	height:15px;
	padding:0;
	margin:0;
	margin-top:7px;
}
.left1{
	background:url(/images/arrows/left_arrow.gif) no-repeat;
	text-indent: -9999;
	width: 80px;
	height:15px;
	float:left;
	display:block;
	margin:0;
	padding:0;
}
.right1{
	background: url(/images/arrows/right_arrow.gif) no-repeat;
	text-indent: -9999;
	width: 80px;
	height:15px;
	float:left;
	display:block;	
}



.login_terms {
	float: left;
	width: 435px;
	padding:0;
	margin:0;
	font-size:11px;
	color:#4d4d4d;
}


.reldiv{
	width:100px; 
	height:50px; 
	text-align:center; 
	display:block;
}
.icondiv{
	position:relative; 
	width:100px; 
}
.absdiv{
	position:absolute; 
	top:50px; 
	width:210px;
	/*height: 70px;*/
	display: none; 
	z-index:700; 
	margin-left:-62px;
	background:url(/images/backgrounds/tooltip_arrow.gif) no-repeat left top;
}
.absdiv_inner{
	width:208px;
	height:61px;
	display:block;
	margin-top:7px;
	background:#fff url(/images/backgrounds/tooltip_bg.gif) repeat-x;
	border: 1px solid #f0c78b;
	text-align:left; 
}
.absdiv_inner p
{
	line-height:30px;
	padding-left:25px;
	color:#000;
}

span.form_i_cap
{
	padding:0;
	margin:0;
	font-style:italic;
	font-size:11px;
	line-height:20px;
	color:#666;
}
span.form_b_cap
{
	padding:0;
	margin:0;
	font-size:11px;
	line-height:18px;
	font-weight:bold;
	color:#666;
}
.floatingdiv
{
	float:left;
	padding:0;
	margin:0;
}

span.mi_links{
	display:block;
	float:left;
	padding:0;
	margin:0;
	background:url(/images/icons/links_chev.gif) no-repeat;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 12px;
	cursor:pointer;
}



